<!DOCTYPE HTML>
<html>

<!-- Mirrored from www.zuperstores.com/gemiz/light-version/home-sync-slider-fullslide.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 07 Nov 2014 00:58:21 GMT -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>Gemiz HTML Template</title>

<!--Main Element CSS-->
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/form.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">

<!--Responsive CSS-->
<link href="css/responsive.css" rel="stylesheet" type="text/css">

<!--Flexy Menu CSS-->
<link href="css/flexy-menu.css" rel="stylesheet" type="text/css">

<!--LayerSlider CSS-->
<link href="layerslider/css/layerslider.css" rel="stylesheet" type="text/css">

<!--Important Owl CSS-->
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css">

<!--Owl DefaultTheme -->
<link href="css/owl.theme.css" rel="stylesheet" type="text/css">

<!--MEGAFOLIO PRO GALLERY CSS-->
<link rel="stylesheet" type="text/css" href="megafolio/css/settings.css" media="screen" />

<!--COLORBOX LIGHTBOX CSS-->
<link rel="stylesheet" type="text/css" href="css/colorbox.css" media="screen" />

<!-- Flexslider CSS -->
<link href="css/flexslider.css" rel="stylesheet" type="text/css">

<!-- Fancybox CSS -->
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox8cbb.css?v=2.1.5" media="screen" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-buttons3447.css?v=1.0.5" media="screen" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-thumbsf2ad.css?v=1.0.7" media="screen" />

<!-- Tooltip CSS -->
<link href="css/tooltip.css" rel="stylesheet" type="text/css">

<!--Google Fonts-->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,300,500,700|Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>

<!--[if lte IE 8]>
<meta HTTP-EQUIV="REFRESH" content="0; url=lte-ie8.html">
<![endif]-->

</head>

<body>

	<!--Top Header Start-->
    <section class="top-header">
    	<div class="wrapper topwrap">
        	<p class="top-info">Lorem ipsum dolor sit amet consetetur sadipscing elitr</p>
            
            <!--Social Media Icons-->
            <ul class="top-socialmedia">
            	<li>
                	<a href="#"><img src="images/social-media/top-social-media1.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="images/social-media/top-social-media2.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="images/social-media/top-social-media3.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="images/social-media/top-social-media4.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="images/social-media/top-social-media5.png" alt="social media" /></a>
                </li>
            </ul>
            <!--End-->
            
        </div>
    </section>
    <!--Top Header End-->
    
    <div class="wrapper">
    	
        <!--Logo and Main Menu Start-->
        <header class="header-section">
        
        	<!--Logo Start-->
            <div class="logo">
            	<div class="logo-wrapper">
            		<a href="index.html"><img src="images/logo.png" alt="logo" /></a>
                </div>
            </div>
            <!--End-->
        	
            <!--Navigation Menu Start-->
            <ul class="flexy-menu">
                <li class="active"><a href="#">Home</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="index.html">LayerSlider</a></li>
                        <li><a href="home-sync-slider.html">Sync Slider</a></li>
                        <li><a href="home-layerslider-fullslide.html">LayerSlider Full Slide</a></li>
                        <li><a href="home-sync-slider-fullslide.html">Sync Slider Full Slide</a></li>
                        <li><a href="#">Dropdown Menu</a>
                        	<ul>
                                <li><a href="#">Third Level Menu</a></li>
                                <li><a href="#">Third Level Menu</a></li>
                                <li><a href="#">Third Level Menu</a></li>
                            </ul>
                        </li>
                	</ul>
                </li>
                <li><a href="#">About Us</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="about-us-style1.html">About Us Style 1</a></li>
                        <li><a href="about-us-style2.html">About Us Style 2</a></li>
                	</ul>
                </li>
                <li><a href="#">Our Services</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="service-style1.html">Our Services Style 1</a></li>
                        <li><a href="service-style2.html">Our Services Style 2</a></li>
                	</ul>
                </li>
                <li><a href="#">Portfolio</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="#">Portfolio Lists</a>
                        	<ul>
                                <li><a href="portfolio-basic-3-columns.html">Basic 3 Columns</a></li>
                                <li><a href="portfolio-basic-4-columns.html">Basic 4 Columns</a></li>
                                <li><a href="portfolio.html">Basic 5 Columns</a></li>
                                <li><a href="portfolio-special-7.html">Special Array 7</a></li>
                                <li><a href="portfolio-special-8.html">Special Array 8</a></li>
                                <li><a href="portfolio-special-9.html">Special Array 9</a></li>
                                <li><a href="portfolio-different-height-1.html">Different Height 1</a></li>
                                <li><a href="portfolio-different-height-2.html">Different Height 2</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Portfolio Single Page</a>
                        	<ul>
                                <li><a href="portfolio-single.html">With Feature Image</a></li>
                                <li><a href="portfolio-single-slider-image.html">With Slider Image</a></li>
                                <li><a href="portfolio-single-video-embed.html">With Video Embed</a></li>
                                <li><a href="portfolio-single-soundcloud.html">With SoundCloud</a></li>
                            </ul>
                        </li>
                	</ul>
                </li>
                <li><a href="#">Blog</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="blog-style1.html">Blog Lists Style 1</a></li>
                        <li><a href="blog-style2.html">Blog Lists Style 2</a></li>
                        <li><a href="#">Blog Single Page</a>
                        	<ul>
                                <li><a href="blog-single.html">With Feature Image</a></li>
                                <li><a href="blog-single-slider-image.html">With Slider Image</a></li>
                                <li><a href="blog-single-video-embed.html">With Video Embed</a></li>
                            </ul>
                        </li>
                	</ul>
                </li>
                <li><a href="#">Page</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="page-without-sidebar.html">Page Without Sidebar</a></li>
                        <li><a href="page-with-sidebar.html">Page With Sidebar</a></li>
                	</ul>
                </li>
                <li><a href="clients.html">Clients</a><div class="menu-space"></div></li>
                <li><a href="contact-us.html">Contact Us</a><div class="menu-space"></div></li>
            </ul>
            <!--Navigation Menu End-->
            
        </header>
        <!--Logo and Main Menu End-->
        
        <div class="container">
        	
            <!--All Content Start-->
            <div class="content-wrapper">
            
            	<!--Home Slider Start-->
                <div id="sync1" class="owl-carousel">
                	<div class="item">
                    	<div class="caption large-slide color2">
                        	<h1>Lorem ipsum dolor sit amet consetetur sadipscing</h1>
                            <div class="caption-link"><a href="#"><img src="images/plus-link.png" alt="link" /></a></div>
                    	</div>
                    	<figure>
                        	<img src="images/upload/synced-slider-full1.jpg" alt="slider" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<div class="caption large-slide">
                        	<h1>At vero eos accusam et justo duo dolores ea rebum</h1>
                        	<div class="caption-link"><a href="#"><img src="images/plus-link.png" alt="link" /></a></div>
                    	</div>
                    	<figure>
                        	<img src="images/upload/synced-slider-full2.jpg" alt="slider" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<div class="caption large-slide color2">
                        	<h1>Lorem ipsum dolor sit amet consetetur sadipscing</h1>
                        	<div class="caption-link"><a href="#"><img src="images/plus-link.png" alt="link" /></a></div>
                    	</div>
                    	<figure>
                        	<img src="images/upload/synced-slider-full3.jpg" alt="slider" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<div class="caption large-slide">
                        	<h1>At vero eos accusam et justo duo dolores ea rebum</h1>
                        	<div class="caption-link"><a href="#"><img src="images/plus-link.png" alt="link" /></a></div>
                    	</div>
                    	<figure>
                        	<img src="images/upload/synced-slider-full4.jpg" alt="slider" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<div class="caption large-slide color2">
                        	<h1>Lorem ipsum dolor sit amet consetetur sadipscing</h1>
                        	<div class="caption-link"><a href="#"><img src="images/plus-link.png" alt="link" /></a></div>
                    	</div>
                    	<figure>
                        	<img src="images/upload/synced-slider-full5.jpg" alt="slider" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<div class="caption large-slide">
                        	<h1>At vero eos accusam et justo duo dolores ea rebum</h1>
                        	<div class="caption-link"><a href="#"><img src="images/plus-link.png" alt="link" /></a></div>
                    	</div>
                    	<figure>
                        	<img src="images/upload/synced-slider-full6.jpg" alt="slider" />
                    	</figure>
                	</div>
                    <div class="item">
                    	<div class="caption large-slide color2">
                        	<h1>Lorem ipsum dolor sit amet consetetur sadipscing</h1>
                        	<div class="caption-link"><a href="#"><img src="images/plus-link.png" alt="link" /></a></div>
                    	</div>
                    	<figure>
                        	<img src="images/upload/synced-slider-full7.jpg" alt="slider" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<div class="caption large-slide">
                        	<h1>At vero eos accusam et justo duo dolores ea rebum</h1>
                        	<div class="caption-link"><a href="#"><img src="images/plus-link.png" alt="link" /></a></div>
                    	</div>
                    	<figure>
                        	<img src="images/upload/synced-slider-full8.jpg" alt="slider" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<div class="caption large-slide color2">
                        	<h1>Lorem ipsum dolor sit amet consetetur sadipscing</h1>
                        	<div class="caption-link"><a href="#"><img src="images/plus-link.png" alt="link" /></a></div>
                    	</div>
                    	<figure>
                        	<img src="images/upload/synced-slider-full9.jpg" alt="slider" />
                    	</figure>
                	</div>
                </div>
                            
                <!--Slider Thumbnails-->
                <div id="sync2" class="owl-carousel width2">
                	<div class="item">
                    	<figure>
                        	<img src="images/upload/synced-full-thumb1.jpg" alt="thumbnail" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<figure>
                        	<img src="images/upload/synced-full-thumb2.jpg" alt="thumbnail" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<figure>
                        	<img src="images/upload/synced-full-thumb3.jpg" alt="thumbnail" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<figure>
                        	<img src="images/upload/synced-full-thumb4.jpg" alt="thumbnail" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<figure>
                        	<img src="images/upload/synced-full-thumb5.jpg" alt="thumbnail" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<figure>
                        	<img src="images/upload/synced-full-thumb6.jpg" alt="thumbnail" />
                    	</figure>
                	</div>
                    <div class="item">
                    	<figure>
                        	<img src="images/upload/synced-full-thumb7.jpg" alt="thumbnail" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<figure>
                        	<img src="images/upload/synced-full-thumb8.jpg" alt="thumbnail" />
                    	</figure>
                	</div>
                	<div class="item">
                    	<figure>
                        	<img src="images/upload/synced-full-thumb9.jpg" alt="thumbnail" />
                    	</figure>
                	</div>
                </div>
                <!--Home Slider End-->
                
                <!--Site Slogan Start-->
                <div class="site-slogan-wrapper synced-slider">
                    <div class="site-slogan fullbox">
                    	<p>We work with <span>passion and knowledge.</span></p>
                    </div>
                </div>
                <!--Site Slogan End-->
                
                <!--Our Services Start-->
                <section class="stripe service-panel">
                	<div class="homepanel-title-area">
                        <h1><span class="homepanel-title">our services</span></h1>
                    </div>
                    <ul id="owl-service" class="owl-carousel owl-theme">
                    	<li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Lorem Ipsum</div>
                                </div>
                                <img src="images/upload/home-our-service1.jpg" alt="our service" />
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Diam Nonumy</div>
                                </div>
                                <img src="images/upload/home-our-service2.jpg" alt="our service" />
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Eirmod Tempor</div>
                                </div>
                                <img src="images/upload/home-our-service3.jpg" alt="our service" />
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Dolore Magna</div>
                                </div>
                                <img src="images/upload/home-our-service4.jpg" alt="our service" />
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Aliquyam Erat</div>
                                </div>
                                <img src="images/upload/home-our-service5.jpg" alt="our service" />
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Diam Voluptua</div>
                                </div>
                                <img src="images/upload/home-our-service6.jpg" alt="our service" />
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	<div class="thumbnail-hover">
                                	<div class="thumbnail-title">Stet Clita</div>
                                </div>
                                <img src="images/upload/home-our-service7.jpg" alt="our service" />
                            </a>
                        </li>
                    </ul>
                </section>
                <!--Our Services End-->
                
                <!--Call to Action-->
                <div class="call-action">
                	<div class="call-action-text">
                    	<p>Lorem ipsum dolor <span>justo duo dolores.</span></p>
                    </div>
                    <button class="dark-button" onClick="location.href='#'">More Details</button>
                </div>
                <!--End-->
                
                <!--Portfolio Start-->
                <section class="stripe portfolio-panel">
                	<div class="homepanel-title-area">
                        <h1><span class="homepanel-title">portfolio</span></h1>
                    </div>
                    
                    <!--Category Filter-->
                    <div class="category-filter">
                    	<ul>
                            <li class="filter selected" data-category="cat-all">All</li>
                            <li class="filter" data-category="cat-one">Photography</li>
                            <li class="filter" data-category="cat-two">Creative</li>
                            <li class="filter" data-category="cat-three">Web Design</li>
                            <li class="filter" data-category="cat-four">Application</li>
                        </ul>
                    </div>
                    <!--End-->
                    
                    <!--Portfolio Thumbnails-->
                    <div class="portfolio-thumbnail">
                    	<div class="megafolio-container noborder">
                            
                            <!--Thumbnail 1 Start-->
                            <div class="mega-entry cat-all cat-four cat-two" id="entry-1" data-src="images/upload/portfolio-thumb1.jpg" data-width="800" data-height="605">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href=".html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup1">
                                	<img src="images/upload/portfolio-thumb1.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single2.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 2 Start-->
                            <div class="mega-entry cat-all cat-one cat-three cat-four" id="entry-2" data-src="images/upload/portfolio-thumb2.jpg" data-width="600" data-height="655">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-2.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup2">
                                	<img src="images/upload/portfolio-thumb2.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single3.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 3 Start-->
                            <div class="mega-entry cat-all cat-one cat-two cat-three" id="entry-3" data-src="images/upload/portfolio-thumb3.jpg" data-width="800" data-height="536">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-3.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup3">
                                	<img src="images/upload/portfolio-thumb3.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-video-embed.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 4 Start-->
                            <div class="mega-entry cat-all cat-four cat-two" id="entry-4" data-src="images/upload/portfolio-thumb4.jpg" data-width="600" data-height="600">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-4.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup4">
                                	<img src="images/upload/portfolio-thumb4-popup.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-soundcloud.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 5 Start-->
                            <div class="mega-entry cat-all cat-two cat-one" id="entry-5" data-src="images/upload/portfolio-thumb5.jpg" data-width="590" data-height="400">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-5.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup5">
                                	<img src="images/upload/portfolio-thumb5.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single4.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 6 Start-->
                            <div class="mega-entry cat-all cat-one cat-three cat-four" id="entry-6" data-src="images/upload/portfolio-thumb6.jpg" data-width="700" data-height="766">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-6.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup6">
                                	<img src="images/upload/portfolio-thumb6.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single5.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 7 Start-->
                            <div class="mega-entry cat-all cat-four cat-three" id="entry-7" data-src="images/upload/portfolio-thumb7.jpg" data-width="600" data-height="600">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-7.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup7">
                                	<img src="images/upload/portfolio-thumb7-popup.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-video-embed.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 8 Start-->
                            <div class="mega-entry cat-all cat-three cat-two" id="entry-8" data-src="images/upload/portfolio-thumb8.jpg" data-width="400" data-height="400">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-8.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>

                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup8">
                                	<img src="images/upload/portfolio-thumb8.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-soundcloud.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 9 Start-->
                            <div class="mega-entry cat-all cat-two cat-one" id="entry-9" data-src="images/upload/portfolio-thumb9.jpg" data-width="400" data-height="350">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-9.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup9">
                                	<img src="images/upload/portfolio-thumb9.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 10 Start-->
                            <div class="mega-entry cat-all cat-one cat-four" id="entry-10" data-src="images/upload/portfolio-thumb10.jpg" data-width="800" data-height="707">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-10.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup10">
                                	<img src="images/upload/portfolio-thumb10.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single6.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 11 Start-->
                            <div class="mega-entry cat-all cat-two cat-three" id="entry-11" data-src="images/upload/portfolio-thumb11.jpg" data-width="400" data-height="400">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-11.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup11">
                                	<img src="images/upload/portfolio-thumb11.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-video-embed.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 12 Start-->
                            <div class="mega-entry cat-all cat-three cat-two" id="entry-12" data-src="images/upload/portfolio-thumb12.jpg" data-width="700" data-height="467">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-12.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup12">
                                	<img src="images/upload/portfolio-thumb12.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-soundcloud.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 13 Start-->
                            <div class="mega-entry cat-all cat-four cat-three" id="entry-13" data-src="images/upload/portfolio-thumb13.jpg" data-width="800" data-height="559">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-13.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>

                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup13">
                                	<img src="images/upload/portfolio-thumb13.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single7.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 14 Start-->
                            <div class="mega-entry cat-all cat-three cat-four" id="entry-14" data-src="images/upload/portfolio-thumb14.jpg" data-width="600" data-height="605">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-14.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup14">
                                	<img src="images/upload/portfolio-thumb14.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single8.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 15 Start-->
                            <div class="mega-entry cat-all cat-two cat-one" id="entry-15" data-src="images/upload/portfolio-thumb15.jpg" data-width="600" data-height="600">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href="-15.html">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup15">
                                	<img src="images/upload/portfolio-thumb15-popup.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single-video-embed.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->
                            
                    	</div>
                    </div>
                    <!--Portfolio Thumbnails End-->
                    
                </section>
                <!--Portfolio End-->
                
                <!--Call to Action-->
                <div class="call-action">
                	<div class="call-action-text">
                    	<p>Justo duo dolores <span>vero eos accusam.</span></p>
                    </div>
                    <button class="dark-button" onClick="location.href='#'">We Hire !</button>
                </div>
                <!--End-->
                
                <!--Team Start-->
                <section class="stripe team-panel">
                	<div class="homepanel-title-area">
                        <h1><span class="homepanel-title">our team</span></h1>
                    </div>
                    <blockquote>
                    	<span class="quote-icon">Eirmod tempor invidunt ut labore et dolore magna aliquyam erat at vero eos et accusam et justo duo dolores rebum stet clita kasd gubergren sea takimata sanctus est lorem ipsum.</span>
                    </blockquote>
                    <div id="owl-team" class="owl-carousel owl-theme">
                    	
                        <!--Team 1 Start-->
                        <div class="item">
                        	<figure>
                            	<a href="#">
                                    <div class="thumbnail-hover"></div>
                                    <img src="images/upload/team1.jpg" alt="team" />
                                </a>
                            </figure>
                            <h2>Jack C. Carlton</h2>
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam.</p>
                            
                            <!--Social Media-->
                            <ul class="team-social">
                            	<li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media1.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media2.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media3.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media6.png" alt="facebook" />
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!--Team 1 End -->
                        
                        <!--Team 2 Start-->
                        <div class="item">
                        	<figure>
                            	<a href="#">
                                    <div class="thumbnail-hover"></div>
                                    <img src="images/upload/team2.jpg" alt="team" />
                                </a>
                            </figure>
                            <h2>Jane Conroy</h2>
                            <p>Nonumy eirmod tempor invidunt ut labore et dolore magna.</p>
                            
                            <!--Social Media-->
                            <ul class="team-social">
                            	<li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media1.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media2.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media3.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media6.png" alt="facebook" />
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!--Team 2 End -->
                        
                        <!--Team 3 Start-->
                        <div class="item">
                        	<figure>
                            	<a href="#">
                                    <div class="thumbnail-hover"></div>
                                    <img src="images/upload/team3.jpg" alt="team" />
                                </a>
                            </figure>
                            <h2>Amanda Cruz</h2>
                            <p>Gubergren labore sea takimata sanctus est lorem ipsum dolor.</p>
                            
                            <!--Social Media-->
                            <ul class="team-social">
                            	<li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media1.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media2.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media3.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media6.png" alt="facebook" />
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!--Team 3 End -->
                        
                        <!--Team 4 Start-->
                        <div class="item">
                        	<figure>
                            	<a href="#">
                                    <div class="thumbnail-hover"></div>
                                    <img src="images/upload/team4.jpg" alt="team" />
                                </a>
                            </figure>
                            <h2>Jimmy Shelby</h2>
                            <p>Duo dolores et ea rebum stet clita kasd gubergren sea takimata.</p>
                            
                            <!--Social Media-->
                            <ul class="team-social">
                            	<li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media1.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media2.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media3.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media6.png" alt="facebook" />
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!--Team 4 End -->
                        
                        <!--Team 5 Start-->
                        <div class="item">
                        	<figure>
                            	<a href="#">
                                    <div class="thumbnail-hover"></div>
                                    <img src="images/upload/team5.jpg" alt="team" />
                                </a>
                            </figure>
                            <h2>Andrea Chesser</h2>
                            <p>Magna aliquyam erat sed diam voluptua vero eos clita accusam.</p>
                            
                            <!--Social Media-->
                            <ul class="team-social">
                            	<li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media1.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media2.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media3.png" alt="facebook" />
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                    	<img src="images/social-media/top-social-media6.png" alt="facebook" />
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!--Team 5 End -->
                        
                    </div>
                </section>
                <!--Team End-->
                
                <!--Our Clients Start-->
                <section class="stripe client-panel">
                	<div class="homepanel-title-area">
                        <h1><span class="homepanel-title">our clients</span></h1>
                    </div>
                    <div id="owl-client" class="owl-carousel owl-theme">
                    	<div class="item">
                        	<img src="images/upload/client-logo1.png" alt="our client" />
                        </div>
                        <div class="item">
                        	<img src="images/upload/client-logo2.png" alt="our client" />
                        </div>
                        <div class="item">
                        	<img src="images/upload/client-logo3.png" alt="our client" />
                        </div>
                        <div class="item">
                        	<img src="images/upload/client-logo4.png" alt="our client" />
                        </div>
                        <div class="item">
                        	<img src="images/upload/client-logo5.png" alt="our client" />
                        </div>
                        <div class="item">
                        	<img src="images/upload/client-logo2.png" alt="our client" />
                        </div>
                        <div class="item">
                        	<img src="images/upload/client-logo3.png" alt="our client" />
                        </div>
                        <div class="item">
                        	<img src="images/upload/client-logo1.png" alt="our client" />
                        </div>
                        <div class="item">
                        	<img src="images/upload/client-logo4.png" alt="our client" />
                        </div>
                    </div>
                </section>
                <!--Our Clients End-->

            </div>
            <!--All Content End-->
            
            <!--Footer Start-->
            <footer class="footer-section">
                <div class="wrapper">
                    <div class="footer-content">
                        <div class="footer-top">
                            
                            <!--Footer About Us-->
                            <section class="footer-about">
                                <figure>
                                    <img src="images/logo-footer.png" alt="logo" />
                                </figure>
                                <div class="footer-details">
                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est lorem ipsum dolor sit amet lorem ipsum dolor sit amet.</p>
                                </div>
                            </section>
                            <!--Footer About Us End-->
                            
                            <!--Footer Contact-->
                            <section class="footer-contact">
                                <h2 class="footer-title">Contact info</h2>
                                <div class="footer-details">
                                    <ul>
                                        <li>
                                            <div class="contact-list">
                                                <span>Company Name<br>4884 Lilac Lane Statesboro, GA 30458</span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="contact-list email">
                                                <span>Email: info@yourdomain.com</span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="contact-list phone">
                                                <span>Phone: 111-123-456-9999</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </section>
                            <!--Footer Contact End-->
                            
                            <!--Footer Subscribe-->
                            <section class="footer-subscribe">
                                <h2 class="footer-title">Newsletter</h2>
                                <div class="footer-details">
                                    <p>Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod.</p>
                                    <div class="subscribe-box">
                                        <form>
                                            <input class="first-name" type="text" name="firstname" placeholder="First name *" required />
                                            <input class="last-name" type="text" name="lastname" placeholder="Last name *" required />
                                            <input class="your-email" type="text" name="email" placeholder="Your email address *" required />
                                            <input class="subscribe-button" type="submit" value="Subscribe"/>
                                        </form>
                                    </div>
                                </div>
                            </section>
                            <!--Footer Subscribe End-->
                            
                        </div>
                        
                        <!--Footer Bottom Start-->
                        <div class="footer-bottom">
                            <div class="copyright">
                                Copyright © All Rights Reserved. <a href="#">yourdomain.com</a>
                            </div>
                            <nav>
                                <ul>
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="about-us-style1.html">About Us</a></li>
                                    <li><a href="portfolio-grid.html">Portfolio</a></li>
                                    <li><a href="contact-us.html">Contact Us</a></li>
                                </ul>
                            </nav>
                        </div>
                        <!--Footer Bottom End-->
                        
                    </div>
                </div>
                
                <!--Go To Top-->
                <a href="#" class="back-to-top"></a>
                <!--End-->
                
            </footer>
            <!--Footer End-->
            
        </div>
        
    </div>
    
    <div class="clearfix"></div>

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/greensock.js"></script>

<!--Flexy Menu Script-->
<script type="text/javascript" src="js/flexy-menu.js"></script>

<!--LayerSlider Script-->
<script type="text/javascript" src="layerslider/js/layerslider.kreaturamedia.jquery.js"></script>
<script type="text/javascript" src="layerslider/js/layerslider.transitions.js"></script>

<!--Carousel Plugin Script-->
<script type="text/javascript" src="js/owl.carousel.js"></script>

<!-- MEGAFOLIO PRO GALLERY SCRIPT -->
<script type="text/javascript" src="megafolio/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="megafolio/js/jquery.themepunch.megafoliopro.js"></script>

<!-- COLORBOX LIGHTBOX SCRIPT -->
<script type="text/javascript" src="js/jquery.colorbox.js"></script>

<!-- Flexslider Script -->
<script type="text/javascript" src="js/jquery.flexslider.js"></script>

<!--Social Share Button Script-->
<script src="js/jquery.sharrre.min.js" type="text/javascript"></script>

<!-- Fancybox Script -->
<script type="text/javascript" src="js/jquery.fancybox.pack8cbb.js?v=2.1.5"></script>
<script type="text/javascript" src="js/jquery.fancybox-buttons3447.js?v=1.0.5"></script>
<script type="text/javascript" src="js/jquery.fancybox-mediac924.js?v=1.0.6"></script>
<script type="text/javascript" src="js/jquery.fancybox-thumbsf2ad.js?v=1.0.7"></script>

<!--Tooltip Script-->
<script type="text/javascript" src="js/tooltip.js"></script>

<!--Placeholder Script-->
<script type="text/javascript" src="js/placeholder.js"></script>

<!--Custom-->
<script type="text/javascript" src="js/custom.js"></script>

</body>

<!-- Mirrored from www.zuperstores.com/gemiz/light-version/home-sync-slider-fullslide.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 07 Nov 2014 00:59:23 GMT -->
</html>
